@@include('include/header.html')
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/swiper.min.css">
<div class="content" id="index">
    <div class="banner">
        <div class="swiper swiper1" id="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="https://cdn.dankal.cn/cms/a2372010-0ef9-11ec-bedc-c783faec0611.jpeg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="https://cdn.dankal.cn/cms/a39f9f80-ddc0-11ed-aa76-77f7a1f45848.jpeg" alt="">
                </div>
            </div>
            <div class="swiper-button-prev swiper-button-prev1"><img src="./images/ic_white.png" alt=""></div>
            <div class="swiper-button-next swiper-button-next1"><img src="./images/ic_white.png" alt=""></div>

        </div>
    </div>

    <div class="mk1">
        <div class="nmk">
            <div class="titles">
                <div class="title">猫咪科技帮助企业成功</div>
                <div class="littitle">MAOMI TECHNOLOGY HELPS BUSINESSES SUCCEE</div>
            </div>
            <ul>
                <li>
                    <a href="">
                        <div class="title">餐饮门店系统</div>
                        <div class="miaosu">金陵一带最具特色的餐饮品牌之一,委托猫咪科技进行点餐、预定系统开发。注册用户高达400多万、年度销售额400000000+。</div>
                        <img src="https://cdn.dankal.cn/cms/1c3c0180-f660-11eb-8a11-6559262eb44d.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="title">餐饮门店系统</div>
                        <div class="miaosu">金陵一带最具特色的餐饮品牌之一,委托猫咪科技进行点餐、预定系统开发。注册用户高达400多万、年度销售额400000000+。</div>
                        <img src="https://cdn.dankal.cn/cms/1c3c0180-f660-11eb-8a11-6559262eb44d.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="title">餐饮门店系统</div>
                        <div class="miaosu">金陵一带最具特色的餐饮品牌之一,委托猫咪科技进行点餐、预定系统开发。注册用户高达400多万、年度销售额400000000+。</div>
                        <img src="https://cdn.dankal.cn/cms/1c3c0180-f660-11eb-8a11-6559262eb44d.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="title">餐饮门店系统</div>
                        <div class="miaosu">金陵一带最具特色的餐饮品牌之一,委托猫咪科技进行点餐、预定系统开发。注册用户高达400多万、年度销售额400000000+。</div>
                        <img src="https://cdn.dankal.cn/cms/1c3c0180-f660-11eb-8a11-6559262eb44d.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="mk2">
        <div class="titles">
            <div class="title">猫咪服务</div>
            <div class="littitle">THE SHELL SERVICE</div>
        </div>
        <div class="type">
            <div>
                <img class="bg1" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_service_1.png" alt="">
                <img class="bg2" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_service_1_normal.png" alt="">
                <div class="icon">
                    <img class="icon1" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_home_1.png" alt="">
                    <img class="icon2" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_home_1_normal.png" alt="">
                </div>
                <div class="title">APP开发</div>
                <div class="link"></div>
                <div class="miaosu">资深APP开发团队<br/>为行业提供专业高效的APP开发</div>
            </div>
            <div>
                <img class="bg1" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_service_2.png" alt="">
                <img class="bg2" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_service_2_normal.png" alt="">
                <div class="icon">
                    <img class="icon1" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_home_2.png" alt="">
                    <img class="icon2" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_home_2_normal.png" alt="">
                </div>
                <div class="title">小程序开发</div>
                <div class="link"></div>
                <div class="miaosu">高端小程序开发<br/>满足小程序多功能定制开发需求</div>
            </div>
            <div>
                <img class="bg1" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_service_3.png" alt="">
                <img class="bg2" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_service_3_normal.png" alt="">
                <div class="icon">
                    <img class="icon1" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_home_3.png" alt="">
                    <img class="icon2" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_home_3_normal.png" alt="">
                </div>
                <div class="title">微信开发</div>
                <div class="link"></div>
                <div class="miaosu">实现个性化微信<br/>提供专业的微信开发方案</div>
            </div>
            <div>
                <img class="bg1" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_service_4.png" alt="">
                <img class="bg2" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_service_4_normal.png" alt="">
                <div class="icon">
                    <img class="icon1" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_home_4.png" alt="">
                    <img class="icon2" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_home_4_normal.png" alt="">
                </div>
                <div class="title">网站建设</div>
                <div class="link"></div>
                <div class="miaosu">提供专业的网站建设<br/>服务多家企业建立一个个成功的网站</div>
            </div>
        </div>
    </div>
    <div class="mk3">
        <div class="titles">
            <div class="title">大客户案例</div>
            <div class="littitle">KEY ACCOUNT CASE</div>
        </div>
        <div class="caseLunbo">
            <div class="swiper swiper2" id="swiper2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.dankal.cn/cms/a2372010-0ef9-11ec-bedc-c783faec0611.jpeg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.dankal.cn/cms/a39f9f80-ddc0-11ed-aa76-77f7a1f45848.jpeg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="caselunboselect">
            <div class="lunbo0 active">officeasy</div>
            <div class="lunbo1">深圳土地公</div>
            <div class="lunbo2">潮派72小时</div>
        </div>
    </div>
    <div class="mk4">
        <div class="titles">
            <div class="title">合作伙伴</div>
            <div class="littitle">COOPERATIVE PARTNER</div>
        </div>
        <div class="qylunbo">
            <div class="swiper swiper3" id="swiper3">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                        <img src="https://cdn.dankal.cn/cms/6dd5e120-0b08-11ec-bd1a-6f62a0d1f4c1.jpeg" alt="">
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
    <div class="mk5">
        <div class="titles">
            <div class="title">猫咪科技项目交付方法论</div>
            <div class="littitle">DANKAL PROJECT DELIVERY METHODOLOGY</div>
        </div>
        <ul>
            <li>
                <div class="img"><img src="./images/liucheng01.png" alt=""></div>
                <div class="title">需求定稿</div>
                <div class="miaosu">在产品前期，我们会与客户进行多次沟通，以客户为主，讨论客户对产品开发以及定制的需求是什么。在双方讨论下将客户对产品的需求进行定稿，产品的开发以客户的需求定稿为准。</div>
            </li>
            <li>
                <div class="img"><img src="./images/liucheng02.png" alt=""></div>
                <div class="title">原型输出</div>
                <div class="miaosu">客户对产品的需求明确并且定稿的情况下，开始产品原型输出，原型是对一个产品的可视化呈现，主要传达一个产品的信息架构、内容、功能和交互方式。</div>
            </li>
            <li>
                <div class="img"><img src="./images/liucheng03.png" alt=""></div>
                <div class="title">UI设计</div>
                <div class="miaosu">专业人员进行的UI设计，色彩分析、界面设计、图标设计、字体设计等，设计规范，可用性测试。界面美观的整体设计，将UI界面中的色彩、对比、内容完美展示出来。</div>
            </li>
            <li>
                <div class="img"><img src="./images/liucheng04.png" alt=""></div>
                <div class="title">开发立项</div>
                <div class="miaosu">在产品的UI设计图客户确认无误的情况下，产品进入了一个开发阶段。开发人员会针对整个产品的开发过程进行一个立项，以便后面的工作进程流畅减少不必要的麻烦。</div>
            </li>
            <li>
                <div class="img"><img src="./images/liucheng05.png" alt=""></div>
                <div class="title">技术研发</div>
                <div class="miaosu">研发一款新的产品，技术从创新构思的产生直至产品、技术审核确定的环节。由专业人员根据需求的定稿，通过专业的技术路线，采用适当的方法，把产品研发出来。</div>
            </li>
            <li>
                <div class="img"><img src="./images/liucheng06.png" alt=""></div>
                <div class="title">测试修复</div>
                <div class="miaosu">多环境测试，设有单元测试、系统测试、上线计划等。在测试期间利用多种技术功能，保证产品能在规定的时间范围内顺利的推出正式环境，并且杜绝出现bug的现象发生。</div>
            </li>
            <li>
                <div class="img"><img src="./images/liucheng07.png" alt=""></div>
                <div class="title">发布上线</div>
                <div class="miaosu">产品建立测试环境，在测试环境由专业的人员测试修改结果无误，便可以提交测试，产品就会正式发布上线。</div>
            </li>
            <li>
                <div class="img"><img src="./images/liucheng08.png" alt=""></div>
                <div class="title">后期维护</div>
                <div class="miaosu">注重客户的体验，为客户全面着想。猫咪为客户提供了免费一年Bug维护，分享数据统计，流量数据检测系统的后期维护服务，致力为客户提供全面化的优质服务。</div>
            </li>
        </ul>
        <div class="bg-box">
            <img src="./images/pic_shape02.png" class="bg-icon left">
            <img src="./images/pic_shape01.png" class="bg-icon right">
        </div>
    </div>
    <div class="mk6">
        <div class="litbox">
            <div class="guandian">
                <div class="title">猫咪观点</div>
                <div class="line"></div>
                <div class="yinwen">DANKAL VIEWPOINT</div>
            </div>
            <div class="banner">
                <div class="swiper swiper4" id="swiper4">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="">
                                <div class="left">
                                    <div class="titletime">
                                        <div class="title">APP开发-实际价值所在</div>
                                        <div class="time">2023/02/17</div>
                                    </div>
                                    <div class="miaosu">移动互联网的飞速发展，导致手机app应用开发也逐渐的飞快的发展起来导致手机app应用开发也逐渐的飞快的发展起来导致手机app应用开发也逐渐的飞快的发展起来导致手机app应用开发也逐渐的飞快的发展起来</div>
                                </div>
                                <div class="right"><img src="https://cdn.dankal.cn/cms/24b80200-aea1-11ed-ad1a-d93f04fada50.png" alt=""></div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <div class="left">
                                    <div class="titletime">
                                        <div class="title">如何写需求文档-终极版</div>
                                        <div class="time">2023/02/17</div>
                                    </div>
                                    <div class="miaosu">需求文档是软件开发过程中至关重要的一环，它描述了软件系统应该实现哪些功能，如何实现以及实现的标准和约束条件等。本文将为大家介绍如何写一份完整的需求文档。</div>
                                </div>
                                <div class="right"><img src="https://cdn.dankal.cn/cms/24b80200-aea1-11ed-ad1a-d93f04fada50.png" alt=""></div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <div class="left">
                                    <div class="titletime">
                                        <div class="title">小程序成本大概多少钱</div>
                                        <div class="time">2023/02/17</div>
                                    </div>
                                    <div class="miaosu">自从推出了微信小程序就一直很火，微信小程序适用于线上线下商家企业的各种需求，而微信多达九亿的用户基数，让小程序能够做什么，充满了想象的空间。</div>
                                </div>
                                <div class="right"><img src="https://cdn.dankal.cn/cms/37f181f0-aea3-11ed-ad1a-d93f04fada50.jpeg" alt=""></div>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="mk7">
        <div class="icontitle"><img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/pic_dankal_logo.png" alt=""></div>
        <img data-v-03e9622d="" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/pic_bg_bottom_2.png" class="bg">
        <form action="">
            <div class="title">“在一切开始之前，先告诉我你的需求吧”</div>
            <div class="lititle">我们不会给您过低的价格，但我们保证给您超出预期的产品效果!</div>
            <div class="inp"><input type="text" placeholder="请输入联系人"></div>
            <div class="leftright">
                <div><input type="text" placeholder="手机号/邮箱(必填)"></div>
                <div>
                    <select>
                        <option>手机</option>
                        <option>邮箱</option>
                    </select>
                </div>
            </div>
            <div class="inp"><input type="text" placeholder="请输入您的公司名称"></div>
            <div class="inp"><textarea placeholder="需求描述(必填)"></textarea></div>
            <div class="selectSubmit">
                <div class="left">
                    <select name="" id="">
                        <option disabled>项目预算</option>
                        <option>5千-1万</option>
                        <option>1万-2万</option>
                        <option>2万-3万</option>
                        <option>4万-5万</option>
                        <option>5万-10万</option>
                        <option>10万-20万</option>
                        <option>20万以上</option>
                    </select>
                </div>
                <button>提交需求</button>
            </div>
        </form>
    </div>
</div>

<script src="./js/swiper.min.js"> </script>
<script>
    var mySwiper1 = new Swiper('.swiper1', {
        loop:true,
        autoplay: true,//可选选项，自动滑动
        navigation: {
            nextEl: '.swiper-button-next1',
            prevEl: '.swiper-button-prev1',
        }
    })
    var mySwiper2 = new Swiper('.swiper2', {
        autoplay: true,//可选选项，自动滑动
        on:{
            slideChangeTransitionStart:function(){
                $('.lunbo'+this.activeIndex).addClass('active').siblings().removeClass('active');
            }
        }
    })
    //点击轮播
    $('.caselunboselect div').click(function(e){
        mySwiper2.slideToLoop($(this).index(), 1000, false);
        $('.lunbo'+$(this).index()).addClass('active').siblings().removeClass('active');
    })
    var mySwiper3 = new Swiper('.swiper3', {
        loop:true,
        autoplay: true,//可选选项，自动滑动
        pagination: {
            el: '.swiper-pagination',
        },
    })
    var mySwiper4 = new Swiper('.swiper4', {
        loop:true,
        autoplay: true,//可选选项，自动滑动
        pagination: {
            el: '.swiper-pagination',
        },
    })
</script>
@@include('include/footer.html')
